<template>
      <tab-bar>
    <tab-bar-itme path="/home" activeColor="black">
        <img src="@/assets/img/tabbar/icon_tabbar_homeup.png" alt=""  slot="item-icon">
        <img src="@/assets/img/tabbar/ic_tabbar_home_select.png" alt=""  slot="item-icon-active">
        <div slot="item-text">首页</div>
 
    </tab-bar-itme>
     <tab-bar-itme path="/category" activeColor="black">
          <img src="@/assets/img/tabbar/tabbar-hold.png" alt=""  slot="item-icon">
          <img src="@/assets/img/tabbar/tabbar-hold-active.png" alt=""  slot="item-icon-active">
        <div slot="item-text">分类</div>
 
    </tab-bar-itme>
     <tab-bar-itme path="/cart" activeColor="black">
            <img src="@/assets/img/tabbar/24gl-cartFull9.png" alt=""  slot="item-icon">
            <img src="@/assets/img/tabbar/24gf-cartFull4.png" alt=""  slot="item-icon-active">
        <div slot="item-text">购物车</div>

    </tab-bar-itme>
     <tab-bar-itme path="/profile" activeColor="black">
              <img src="@/assets/img/tabbar/tabbar-icon-wode-default.png" alt=""  slot="item-icon">
              <img src="@/assets/img/tabbar/tabbar-icon-wode-selected.png" alt=""  slot="item-icon-active">
        <div slot="item-text">我的</div>

    </tab-bar-itme>
    </tab-bar>
</template>

<script>
import TabBar from "@/components/common/tabbar/TabBar.vue"
import TabBarItme from '@/components/common/tabbar/TabBarItem.vue'
export default {
     name:"mainTabbar",
    components:{
      TabBar,
      TabBarItme
    }
    
}
</script>

<style>
</style>